<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-menu-button></ion-menu-button>
        </ion-buttons>
        <ion-title>
            City
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>
    <ion-list>
        <ion-item>
            <ion-label>当前定位城市</ion-label>
            <span>定位不准时，请在城市列表中选择</span>
        </ion-item>
        <ion-item>
            <ion-label>Peperoni</ion-label>
            <ion-icon name="arrow-forward"></ion-icon>
        </ion-item>
    </ion-list>
    <section class="hot_city_container">
        <h4 class="city_title">热门城市</h4>
        <ul class="citylistul clear">
            <li *ngFor="let hotCity of hotCities" [routerLink]="['/city', hotCity.id]">
                {{hotCity?.name}}
            </li>
        </ul>
    </section>
</ion-content>